<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="../css/注册.css" />
		
	</head>
	<body>
	    <header>
	    	<img src="../img/logo.jpg">
	    	<ul>
	    		<li><a href="" style="background:none;">首页</a></li>
	    		<li><a href="" style="background:none;">商家</a></li>
	    		<li><a href="" style="background:#FF6577;color: white">话题</a></li>
	    		<li><a href="" style="background:none;">分享</a></li>
	    		
	    	</ul>
	    	<span class="deng" style="color: red;">登录</span>
	    	<span>|</span>
	    	<span style="color: red;" class="zhu">注册</span>
	    	<span class="deng1">|</span>
	    	<span class="deng2">商家入口</span>
	    </header>
	    <div class="header">
	    	<ul>
	    		<li style="margin:0">话题广场</li>
	    		<li style="color: #ff6577" class="a">结婚最关心</li>
	    		<li>上海备婚攻略</li>
	    		<li>圈内茶人馆</li>
	    		<div style="clear: both;"></div>
	    	</ul>
	    </div>   
	    <div class="center">
	    	<div class="div1">
		    	    <img src="../img/39.jpg" class="img-39">
		    		<h3 style="color:#333;">完美备婚,美丽出价</h3>
		    		<p>
		    			<span>话题数:<span>
		    			<span style="margin-left:7px">200</span>
		    			<span style="margin-left:13px">|</span>
		    			<span style="margin-left:13px">浏览器数:<span>
		    			<span style="margin-left:7px">65830</span>
		    		</p>
		    		<button>发表话题</button>
		    		<input type="text" placeholder="请输入搜索内容"/>
	    	</div>
	    	<div class="div2">
	    		<button style="font-size:12px;">全部</button>
	    		<span style="font-size:12px;">精华</span>
	    		<hr color="#CCCCCC" style="width:650px;margin-top:20px;"/>
	    	</div>
	    	<div class="div3">
	    		<button style="background:#B18719;color: white;font-size:12px;">精</button>
	    		<button style="background:#3775B2;color: white;font-size:12px;">顶</button>
	    		<span class="aa" style="color:#333;">晒一晒抢楼礼物好惊喜哦</span>
	    		<p class="p1">
	    			拼搏的汗水放射着事业的光芒，奋斗的年华里洋溢着人生的欢乐
	    			书籍是朋友，虽然没有热情，但是非常忠实。
	    		</p>
	    		<p class="p2">
	    			感情久了，就不是爱了、而是依赖；失去那阵，那不是痛，而是不舍。
	    			我们对这种奇怪的痛苦了解得越深刻
	    		</p>
	    		<p><img src="../img/5.jpg" class="img-5"></p>
	    	    <p>
	    	    	<img src="../img/4.jpg" class="img-4">
	    	    	<span>心扉</span>
	    	    	<span>2015-5-01</span>
	    	    	<span style="margin-left:10px">10:12:02</span>
	    	    </p>
	    	</div>
	    	<div class="div4"></div>
	    	<div class="div5">
	    		<button style="background:#3775B2;color: white;margin-top:20px;font-size:12px;">精</button>
	    	    <strong style="margin-top:20px;font-size:15px;color:#333;">时光易老,最大的幸福就是你一直在</strong>
	    	    <p class="p1" style="color:#666">
	    			不要拿小人的错误来惩罚自己，不要在这些微不足道的事情上折磨浪费自己的宝贵时间。
	    			
	    		</p>
	    		<p class="p2" style="color:#666">
	    			一过错是暂时的遗憾，而错过则是永远的遗憾！
                                                   环境不会改变，解决之道在于改变自己。
	    		</p>
	    		<p class="p3" style="color:#666">
	    			放弃该放弃的是无奈，放弃不该放弃的是无能，不放弃该放弃的是无知，不放弃不该放弃的是执著！
	    		</p>
	    		<img src="../img/6.jpg">
	    		<img src="../img/7.jpg">
	    		<p>
	    	    	<img src="../img/4.jpg" class="img-5">
	    	    	<span>紫苹果</span>
	    	    	<span>2015-5-01</span>
	    	    	<span style="margin-left:10px">10:12:02</span>
	    	    </p>
	    	</div>
	    	<div class="div6"></div>
	    	<div class="div7">
	    		<strong style="position: relative;top:8px;font-size: 15px;color:#333;">不加科技的世界大婚,礼婚日记</strong>
	    		<p class="p2" style="position: relative;top:7px;color:#666;">
	    			一杯清水因滴入一滴污水而变污浊，一杯污水却不会因一滴清水的存在而变清澈。
	    		</p>
	    		<p class="p3" style="position: relative;top:7px;color:#666;">
	    			如果你能像看别人缺点一样，如此准确的发现自己的缺点，那么你的生命将会不平凡。
	    			只有不断找寻机会的人才会及时把握机会
	    		</p>
	    	</div>
	    </div>
	    <div class="center-right">
	    	<p style="color:#FF6577;margin-top:5px;">热门标签</p>
	    	<div class="aaa"></div>
	    	<button>婚纱</button>
	    	<button>婚纱筹备</button>
	    	<button>酒店</button>
	    	<br/>
	    	<button>婚纱</button>
	    	<button>喜帖</button>
	    	<button>新娘配饰</button>
	    	<br/>
	    	<button style="background:#FF6577;color: white;">婚用花艺</button>
	    	<button>礼服</button>
	    </div>
	    <div class="center-right2">
	    	<p style="color:#FF6577;margin-top:5px;">热门话题</p>
	    	<div class="aaa"></div>
	    	<ul>
	    		<li>【婚前清单】婚前最后一天具体...</li>
	    		<li>当漏背婚纱遇到背痘痘</li>
	    		<li>减肥就要管住少吃垃圾食品</li>
	    		<li>那些新郎总不会告诉新娘的心里话</li>
	    		<li>夏天穿婚纱腋毛踢掉又长怎么办</li>
	    		
	    	</ul>
	    </div>
<div id="bian"> 
	    <div class="ddd">
	    	    <img src="../img/guan.png" style="float: right;margin-right:10px;" class="guan">
	   	    	<span style="margin-top:40px;margin-left:20px;font-size:15px;">注册</span>
	   	    	<span style="font-size:12px;margin-top:40px;color:red;">已有账号登录</span>
	   	    	<input type="text" placeholder="手机号"/>
	   	    	<br/>
	   	    	<input type="text" placeholder="验证码" style="width:130px;"/>
	   	    	<button style="width:75px;height:33px;">获取验证码</button>
	   	    	<br/>
	   	    	<input type="text" placeholder="设置密码"/>
	   	    	<img src="../img/yue.png" style="margin-left:20px;margin-top:15px">
	   	    		<br />
	   	    	<button style="width:200px;height:35px;margin-left:40px;margin-top:15px;color: white;background:#FF6577;border:none">登录</button>
	    </div>
</div>	
	</body>
	<script>
		
		var zhu=document.getElementsByClassName("zhu")[0];
		var ddd=document.getElementsByClassName("ddd")[0];
		var guan=document.getElementsByClassName("guan")[0];
		var body=document.getElementsByTagName("body")[0];
		var bian=document.getElementById("bian")
		zhu.onclick=function(){
			bian.style.display="block";	
		}
		guan.onclick=function(){
			bian.style.display="none";
		}
	</script>
</html>
